<template>
  <div class="watch_list">
    <ListItem :memberData="memberData"/>
  </div>

</template>
<script setup>
  import {reactive,onMounted} from 'vue'
  import ListItem from '../components/listItem/index.vue'
  const memberData = reactive([]);
  const member = reactive({
    avatar:'/static/txn.jpeg',
    nameCode:'编号231740',
    name:'李红',
    sex:1,
    age:'27岁',
    height:'175cm',
    watchTime:'2020-05-23',
  });
  const memberFale = reactive({
    avatar:'/static/txw.jpeg',
    nameCode:'编号231741',
    name:'孙兵是',
    sex:0,
    age:'20岁',
    height:'185cm',
    watchTime:'2023-05-23',
  })
  onMounted(()=>{
    let arr = new Array(10).fill(member,0,10);
    let arr2 = new Array(10).fill(memberFale,0,10);
    [...arr,...arr2].forEach(item=>{
      memberData.push(item)
    });
  })
</script>
<style lang="scss" scoped> 

</style>